<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>重点关键词分析</title>
    <link rel="stylesheet" href="../../../assert/css/font.css" th:href="@{/assert/css/font.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap.min.css" th:href="@{/assert/css/bootstrap.min.css}"/>
    <link rel="stylesheet" href="../../../assert/css/plugin/chosen/chosen.css"
          th:href="@{/assert/css/plugin/chosen/chosen.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap-table.css" th:href="@{/assert/css/bootstrap-table.css}"/>
    <link rel="stylesheet" href="../../../assert/css/bootstrap-select.min.css"
          th:href="@{/assert/css/bootstrap-select.min.css}"/>
    <link href="../../../assert/css/animate.min.css" rel="stylesheet" th:href="@{/assert/css/animate.min.css}">
    <link href="../../../assert/css/plugin/toastr/toastr.min.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/toastr/toastr.min.css}">
    <link href="../../../assert/css/plugin/jsTree/themes/default/style.css" rel="stylesheet"
          th:href="@{/assert/css/plugin/jsTree/themes/default/style.css}">
    <link href="../../../assert/css/loaders.css" rel="stylesheet"
          th:href="@{/assert/css/loaders.css}">
    <link rel="stylesheet" href="../../../assert/css/city-picker.css" th:href="@{/assert/css/city-picker.css}"/>
    <link rel="stylesheet" href="../../../assert/css/jquery-ui.css" th:href="@{/assert/css/jquery-ui.css}"/>
    <link rel="stylesheet" href="../../../assert/css/index.css" th:href="@{/assert/css/index.css(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"/>

    <style>
        .search_group label.control-label{
            width:106px;
        }
        #myTable tbody tr{
            cursor: pointer;
        }
    </style>
</head>
<body>
<a id="basePath" th:href="@{/}"></a>
<!--添加业务分类/场景模态框-->
<div class="modal fade" id="workModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-flag="1">
    <div class="modal-dialog" style="width: 1000px;">
        <div class="modal-content">
            <div>
                <div class="modal-header">
                    <button type="button" class="close closeAudioModel" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">选择业务分类/场景</h4>
                </div>
                <div class="modal-body">
                    <div class="selectModel" style="height:570px !important;">
                        <div class="menu_left">
                            <div class="search_box">
                                <input type="text" autocomplete="off"><span class="fa fa-search fa_btn"
                                                                            id="searchMenuWork"></span>
                            </div>
                            <div id="jstree" class="scrollbar" style="height:520px;">

                            </div>
                        </div>
                        <div class="model_right" style="width:480px;height: 100%;">
                            <!--                            <div class="search_box">-->
                            <!--                                <input type="text" autocomplete="off" placeholder="业务分类名称" style="width: 450px;" id="tagTreeName"><span-->
                            <!--                                    class="fa fa-search fa_btn" id="searchworkName"></span>-->
                            <!--                            </div>-->
                            <table id="workTableWin"></table>
                        </div>
                        <div class="model_right" style="width: 270px;height: 546px;">
                            <div class="tagSModel" id="workSModel">
                                <div>已选业务分类/场景：</div>
                                <ul style="overflow: auto;height: 556px;">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" id="saveWork">保存</button>
                    <button type="button" class="btn btn-white closeAudioModel" data-dismiss="modal" id="closeWork">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="wrapper wrapper-content">
    <div class="ibox">
        <div class="tools_bar">
            <div class="pull-left">
                <a href="#" class="btn btn-default active" id="btnSearch" title="隐藏查询条"><i class="fa fa-filter"></i> 隐藏</a>
                <a href="#" class="btn btn-default active" id="refresh"><i class="fa fa-refresh"></i> 刷新</a>
            </div>
        </div>
        <div class="search on">
            <div class="search_group">
                <label class="control-label"><span class="respan">*</span>日期：</label>
                <div class="control-inline">
                    <input placeholder="开始日期" class="form-control layer-date search_input" id="callStartTime" autocomplete="off"> -
                    <input placeholder="结束日期" class="form-control layer-date search_input" id="callEndTime" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label"><span class="respan">*</span>省市：</label>
                <div class="control-inline"  style="position: relative;">
                    <input id="city" class="form-control city" readonly type="text" value="" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">业务分类/场景：</label>
                <div class="control-inline">
                    <input type="text" id="workNameNew" value="" class="form-control search_input" autocomplete="off">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">满意度：</label>
                <div class="control-inline">
                    <select type="text" id="agree" value="" class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">重复来电：</label>
                <div class="control-inline">
                    <select type="text" id="repeatPhone" value="" class="form-control search_input"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">客户星级：</label>
                <div class="control-inline">
                    <select type="text" id="customerLevel"  class="form-control search_input selectpicker" title="请选择"></select>
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">话务小结：</label>
                <div class="control-inline">
                    <input type="text" id="tagTrafficSearch0" value="" class="form-control search_input tagName" autocomplete="off"  data-type="0">
                </div>
            </div>
            <div class="search_group">
                <label class="control-label">系统标签：</label>
                <div class="control-inline">
                    <input type="text" id="tagTrafficSearch1" value="" class="form-control search_input tagName" autocomplete="off" data-type="1">
                </div>
            </div>
            <div class="search_group">
                <button id="search" class="btn  btn-primary">查询</button>
                <button id="reset" class="btn  btn-default">重置</button>
            </div>
        </div>
        <div class="mapTitle" style="display: none">
            <span class="on" data-index="1">重点关键词排行</span>
            <span data-index="0">新词排行</span>
        </div>
        <div id="barCharts" style="height:500px;" class="charts">

        </div>
        <div class="table_box" style="display: none;">
            <div class="table_tools">业务数据 <span class="downIcon" title="导出业务数据" id="export"></span></div>
            <table id="myTable"></table>
        </div>
        <div id="initTip" style="height:200px;display: none;line-height:200px;text-align:center;border: 1px solid #ddd;">亲，请选择必选条件哦！</div>
    </div>
</div>
<form action="" id="formDetail" class="hidden" target="_blank">
    <input type="text" id="startTimeD" name="startTime">
    <input type="text" id="endTimeD" name="endTime">
    <input type="text" id="proD" name="pro">
    <input type="text" id="codeD" name="code">
    <input type="text" id="reCallD" name="reCall">
    <input type="text" id="satisfactionD" name="satisfaction">
    <input type="text" id="customerLevelD" name="customerLevel">
    <input type="text" id="telValD" name="telVal">
    <input type="text" id="telRD" name="telR">
    <input type="text" id="sysValD" name="sysVal">
    <input type="text" id="sysRD" name="sysR">
    <input type="text" id="keyD" name="key">
    <input type="text" id="keyTypeD" name="keyType">
</form>
<form action="" id="exportForm" class="hidden" method="post">
    <input type="text" id="callStartTimeE" name="callStartTime">
    <input type="text" id="callEndTimeE" name="callEndTime">
    <input type="text" id="provinceE" name="province">
    <input type="text" id="provinceCodeE" name="provinceCode">
    <input type="text" id="customerLocE" name="customerLoc">
    <input type="text" id="cityNameE" name="cityName">
    <input type="text" id="classificationE" name="classification">
    <input type="text" id="sysTagIdsE" name="sysTagIds">
    <input type="text" id="sysOperatorE" name="sysOperator">
    <input type="text" id="telTagIdsE" name="telTagIds">
    <input type="text" id="telOperatorE" name="telOperator">
    <input type="text" id="satisfactionE" name="satisfaction">
    <input type="text" id="reCallFlagE" name="recallFlag">
    <input type="text" id="newWordE" name="knownWord">
    <input type="text" id="customerLevelE" name="customerLevel">
</form>
<input type="hidden" id="tagTreeId" value="" class="form-control search_input">
<input type="hidden" id="areaTreeId" value="" class="form-control search_input">
<input type="hidden" id="tagTreeType" value="" class="form-control search_input">
<input type="hidden" id="tagProperty" value="" class="form-control search_input">
<input type="hidden" id="workTreeId" value="" class="form-control search_input">
<input type="hidden" id="workAreaId" value="" class="form-control search_input">
<a href="" class="hidden J_menuItem" target="_blank" title="查看详情" data-href="/rest/page/keyTrend" data-index="111"
   data-txt="趋势图"></a>
<script src="../../../assert/js/jquery.js" th:src="@{/assert/js/jquery.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/echarts.min.js" th:src="@{/assert/js/echarts.min.js}"></script>
<script src="../../../assert/js/bootstrap.min.js" th:src="@{/assert/js/bootstrap.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/bootstrap-table.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/bootstrap-table.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/bootstrap-table-mobile.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/bootstrap-table-mobile.min.js}"></script>
<script src="../../../assert/js/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"
        th:src="@{/assert/js/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<script src="../../../assert/js/bootstrap-select.js" th:src="@{/assert/js/bootstrap-select.js}"></script>
<script src="../../../assert/js/plugin/toastr/toastr.min.js"
        th:src="@{/assert/js/plugin/toastr/toastr.min.js}"></script>
<script src="../../../assert/js/base.js" th:src="@{/assert/js/base.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/jquery-ui.min.js" th:src="@{/assert/js/jquery-ui.min.js}"></script>
<script src="../../../assert/js/plugin/layer/laydate/laydate.js"
        th:src="@{/assert/js/plugin/layer/laydate/laydate.js}"></script>
<script src="../../../assert/js/changeTime.js" th:src="@{/assert/js/changeTime.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/jsTree/jstree.min.js"
        th:src="@{/assert/js/plugin/jsTree/jstree.min.js}"></script>
<script src="../../../assert/js/plugin/chosen/chosen.jquery.js"
        th:src="@{/assert/js/plugin/chosen/chosen.jquery.js}"></script>
<script src="../../../assert/js/contabs.min.js" th:src="@{/assert/js/contabs.min.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/common.js" th:src="@{/assert/js/common.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script src="../../../assert/js/plugin/citypicker/city-picker.js" th:src="@{/assert/js/plugin/citypicker/city-picker.js}"></script>
<script src="../../../assert/js/taskCommon.js" th:src="@{/assert/js/taskCommon.js(v_=${@commonController.getSysConfigByPK('CACHE_CODE')})}"></script>
<script>
    //项目名称
    var basePath = $("#basePath").attr("href");
    var json = [];
    var TableInit = function () {
        var oTableInit = new Object();
        //初始化Table
        oTableInit.Init = function (json,code) {
            var keyName="";
            if(code==1){
                keyName="重点关键词"
            }else{
                keyName="新词"

            }
            var columns =  [
                {
                    align: "center",
                    halign: "center",
                    title: '序号',//标题  可不加
                    width: 60,
                    formatter: function (value, row, index) {
                        return (index + 1) + "";
                    }
                },
                {
                    align: "center",
                    halign: "center",
                    field: 'wordName',
                    title: keyName
                },
                {
                    field: 'wordNum',
                    title: '关键词出现次数',
                    align: "center",
                    halign: "center",
                    sortable: true
                },
                {
                    field: 'callNum',
                    title: '话务量',
                    align: "center",
                    halign: "center",
                    sortable: true
                },
                {
                    field: 'callPerc',
                    title: '话务量占比',
                    align: "center",
                    halign: "center"
                },
                {
                    align: "center",
                    halign: "center",
                    field: 'callHb',
                    title: '话务量环比'
                }
            ];
            if(code!=1){
                columns.push({
                    field: 'Button',
                    title: '设为排除词',
                    formatter: function (value, row, index) {
                        if(row.wordName){
                            return [
                                '<a href="javascript:;" class="fa fa-cog handleBtn" title="设为排除词" id="setKey"></a>'
                            ].join("");
                        }else{
                            return ''
                        }

                    },
                    events: {
                        'click #setKey': function (e, value, row, index) {
                            e.preventDefault();
                            e.stopPropagation();
                            $.ajax({
                                url: tools.url+"/excludeword/saveWords",
                                type: "post",
                                data: {
                                    "province_code":$("#city").attr("code").split("/")[0],
                                    "word_nameStr":row.wordName,
                                    "word_status":1
                                },
                                success: function (result) {
                                    var msg = result.message;
                                    var code = result.code;
                                    var data = result.data;
                                    if (code==1) {
                                        if(data && data.length>0){
                                            var tip="该省份下排除词";
                                            for(var i=0;i<data.length;i++){
                                                tip+=data[i]+",";
                                            }
                                            tip=tip.substr(0,tip.length-1);
                                            tip+="已经存在!";
                                            toastrCog.success(tip, 5000);
                                        }else{
                                            toastrCog.success("已成功设为排除词，可在“排除词配置”页面中查看；排除词设置1小时后生效，1小时后的新词排行中将不展示该词。", 3000)
                                        }
                                    } else {
                                        toastrCog.error(msg, 3000);
                                    }
                                    $("#addModal").modal("hide");
                                }
                            });
                        }
                    }
                })
            }
            $('#myTable').bootstrapTable("destroy")
            $('#myTable').bootstrapTable({
                data:json,
                cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
                pagination: true,                   //是否显示分页（*）
                sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
                sortable: true,                     //是否启用排序
                sortName: "wordNum", //排序方式
                sortOrder: "desc",
                contentType: "application/x-www-form-urlencoded",
                strictSearch: true,
                showColumns: false,                  //是否显示所有的列
                showRefresh: false,                  //是否显示刷新按钮
                minimumCountColumns: 2,             //最少允许的列数
                clickToSelect: true,                //是否启用点击选中行
                showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
                cardView: false,                    //是否显示详细视图
                detailView: false,
                cellStyle: {
                    css: {"background-color": "#fff"}
                },//是否显示父子表
                onClickRow: function (row, elem) {
                    tools.jump(row.wordName)
                },
                columns:columns,
                onLoadSuccess: function (data) {  //加载成功时执行
                    if (!data.rows||data.rows.length == 0) {
                        var src=basePath+"/assert/image/nodata.png";
                        $(".no-records-found").find("td").html('<img src="'+src+'" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                    }
                },
                onLoadError: function () {  //加载失败时执行
                    var src=basePath+"/assert/image/nodata.png";
                    $(".no-records-found").find("td").html('<img src="'+src+'" th:src="@{/assert/image/nodata.png}" style="width:165px;" alt="">');
                },
                formatLoadingMessage: function () {
                    return '<div class="loaded">' +
                        '<div class="loader">' +
                        '<div class="loader-inner line-scale-pulse-out">' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '<div></div>' +
                        '</div>' +
                        '</div>' +
                        '</div>' +
                        '<div>请稍等，数据正在加载中...</div>';
                }
            });
        };
        return oTableInit;
    };
    var resize = {
        init: function () {
            resize.me();
            $(window).resize(function () {
                resize.me();
                bar.myChart.resize();
            })
        },
        me: function () {
            $('.charts').width($(window).width())
        }
    };
    var tools = {
        tableData: [],//表格数据
        modelSelectAudioArr:[],
        reCallFlagArr: [],//重复来电
        agreeArr: [],//满意度
        sceneArr:[{"name": "请选择", "value": ""}],//场景
        serviceClassifyArr:[],//业务分类
        proArr:[],//省市
        customerLevelArr:[],
        url:null,
        tagProArr: [
            {
                "name": "全部",
                "value": ""
            },
            {
                "name": "话务小结",
                "value": 0
            },
            {
                "name": "系统标签",
                "value": 1
            }
        ],
        init: function () {
            tools.selectProvince();
            tools.getConfig();
            tools.getScene(tools.sceneArr);
            tools.getReCallFlag();
            tools.getSatStatus();
            tools.getCustomerLevel();
            bs.dataTime("#callStartTime","#callEndTime","YYYY-MM-DD");
            tools.tabSearch();
            tools.search();
            tools.reset();
            tools.refresh();
            tools.enterSearch();
            tools.export();
            tools.getNowTime();
            tools.tabTitle();
            bs.getProCity();
            var pro=$("#spanId",parent.document).attr("data-procode");
            $("a[data-code='"+pro+"']").click();
            bs.tabProGetClassify('','1');
            $("body").on("click", ".city-select.province a", function () {
                tag.clearTag();
            })
        },
        selectProvince: function () {
            tools.proArr =bs.getProvince();
        },
        getConfig: function () {
            tools.url=bs.getSysConfig("ZDYW_KEY").value;
        },
        getScene:function(arr){
            bs.selectBootStrap($("#scene"), arr);
        },
        getCustomerLevel: function () {
            tools.customerLevelArr= bs.getStatus("audio_customer_level");
            bs.selectBootStrap($("#customerLevel"), tools.customerLevelArr);
        },
        getReCallFlag:function(){
            var dataArr = bs.getStatus("recall_flag");
            Object.assign(tools.reCallFlagArr,dataArr);//es6复制数组的方法
            bs.selectDown($("#repeatPhone"), tools.reCallFlagArr);
        },
        getSatStatus:function(){
            var dataArr = bs.getStatus("audio_satisfaction");
            Object.assign(tools.agreeArr,dataArr);//es6复制数组的方法
            bs.selectDown($("#agree"), tools.agreeArr);
        },

        changeState: function (value, arr) {
            var str = "";
            for (var i = 0; i < arr.length; i++) {
                if (value == arr[i].value) {
                    str = arr[i].name
                }
            }
            return str;
        },
        tabSearch: function () {
            var search = $(".search");
            $("#btnSearch").on("click", function () {
                if (search.hasClass("on")) {
                    search.slideUp();
                    search.removeClass("on");
                    $("#btnSearch").html('<i class="fa fa-filter"></i> 查询').attr("title", "显示查询条");
                } else {
                    search.slideDown();
                    search.addClass("on");
                    $("#btnSearch").html('<i class="fa fa-filter"></i> 隐藏').attr("title", "隐藏查询条");
                }

            });
        },
        search: function () {
            $("#search").on("click", function () {
                if($("#callStartTime").val()=="" || $("#callEndTime").val()==""){
                    toastrCog.error("请选择日期！",2000);
                    return
                }
                if($("#city").val()==""){
                    toastrCog.error("请选择省份！",2000);
                    return
                }
                var index=$(".mapTitle span.on").attr("data-index");
                getData.isLoadData(index);
            })
        },
        reset: function () {
            $("#reset").on("click", function () {
                bs.resetSearch($(".search"),["city"]);
                if($("#laydate_box").length>0){
                    bs.resetTimeElems("#callStartTime","#callEndTime");
                }
                var proCode = $("#spanId", parent.document).attr("data-procode");
                if(proCode == ''){
                    $("#city").citypicker("reset");
                }
                tag.clearTag();
                getData.isLoadData(1);
            })
        },
        resetSelect: function ($obj) {
            $obj.val("");
            $obj.trigger("chosen:updated");
        },
        refresh: function () {
            $("#refresh").on("click", function () {
                $("#search").click();
            })
        },
        tableRefresh: function () {
            $("#myTable").bootstrapTable('refresh');
        },
        enterSearch: function () {
            $(".search").not("#searchInput").on("keyup", function (e) {
                var code = e.charCode || e.keyCode;
                if (code == 13) {
                    //此处编写用户敲回车后的代码
                    $("#search").click();
                }
            })
        },
        export: function () {
            $("#export").on("click", function () {
                if (getData.dataAll.length==0) {
                    toastrCog.error("没有可导出的数据哦！",3000)
                    return;
                }
                var form = $("#exportForm");
                var proCode=$("#city").attr("code").split("/")[0];
                var city=$("#city").attr("code").split("/")[1];
                var pro=$("#city").val().split("/")[0];
                var cityName=$("a[data-code='"+city+"']").html();
                var index=$(".mapTitle span.on").attr("data-index");

                $("#callStartTimeE").val($("#callStartTime").val());
                $("#callEndTimeE").val($("#callEndTime").val());
                $("#provinceE").val(pro);
                $("#provinceCodeE").val(proCode);
                $("#customerLocE").val(city);
                $("#cityNameE").val(cityName);
                $("#serviceIdE").val($("#serviceClassify").attr("data-id"));
                $("#sceneE").val($("#scene").val());
                $("#satisfactionE").val($("#agree").val());
                $("#reCallFlagE").val($("#repeatPhone").val());
                $("#customerLevelE").val($("#customerLevel").val());
                $("#newWordE").val(index);
                $("#sysTagIdsE").val($("#tagTrafficSearch1").val());
                $("#sysOperatorE").val($("#tagTrafficSearch1").attr("data-relation"));
                $("#telTagIdsE").val($("#tagTrafficSearch0").val());
                $("#telOperatorE").val($("#tagTrafficSearch0").attr("data-relation"));
                window.open( bs.getSysConfig("SJWJ_URL_PRE").value+'/exportExcel/buzzwordsTotalExport?'+form.serialize())
            })
        },
        getNowTime:function(){
            var endTime=dateFormatUtil(new Date().getTime()).split(" ")[0];
            var str=endTime.split(" ")[0];
            var startTime=str.substr(0,str.length-2)+"01";
            $("#callStartTime").val(startTime);
            $("#callEndTime").val(endTime);
            bs.allTimeElem["#callEndTime"].min = startTime;
            bs.allTimeElem["#callEndTime"].start =  startTime;
            bs.allTimeElem["#callStartTime"].max =  endTime;
        },
        tabTitle:function(){
            $(".mapTitle span").on("click",function(){
                $(this).addClass("on").siblings().removeClass("on");
                var index=$(this).attr("data-index");//如果index 是0就按诉求排行，是1就按话务排行
                getData.init(index);
            })
        },
        jump:function(name){
            var callStartTime = $("#callStartTime").val();
            var callEndTime = $("#callEndTime").val();
            var city = $("#city").val();
            var code = $("#city").attr("code");
            var reCall = $("#repeatPhone").val();
            var agree = $("#agree").val();
            var customerLevel = $("#customerLevel").val();
            var telVal = $("#tagTrafficSearch0").val();
            var telR = $("#tagTrafficSearch0").attr('data-relation');
            var sysVal = $("#tagTrafficSearch1").val();
            var sysR = $("#tagTrafficSearch1").attr('data-relation');
            var key = name;
            var text;
            if($(".mapTitle span.on").index() == 0){
                text = '重点关键词'
            }else{
                text = '新词'
            }
            $("#startTimeD").val(callStartTime);
            $("#endTimeD").val(callEndTime);
            $("#proD").val(city);
            $("#codeD").val(code);
            $("#reCallD").val(reCall);
            $("#satisfactionD").val(agree);
            $("#keyD").val(key);
            $("#keyTypeD").val(text+'趋势');
            $("#telValD").val(telVal);
            $("#telRD").val(telR);
            $("#sysValD").val(sysVal);
            $("#sysRD").val(sysR);
            $("#customerLevelD").val(customerLevel);
            var params1=$("#formDetail").serialize();
            $(".J_menuItem").attr({
                "href": basePath + "/rest/page/keyTrend?"+params1,
                "data-txt":text+'趋势',
                "data-index":"词趋势"
            }).click();
        }

    };
    var bar = {
        chart: null,
        data: null,
        dataList: null,
        valueList: null,
        option:{
            title: {
                text: ''
            },
            color: ['#0c6bbf'],
            tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                    type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                },
                formatter: function (params) {
                    var name = params[0].name;
                    var data = params[0].value;
                    var count = params[0].data.count;
                    var hb = params[0].data.hb;
                    var zb = params[0].data.zb;
                    var str=name+"<br><span class='dot c1'></span>话务量:"+count+"<br><span class='dot c0'></span>次数:"+data+"<br><span class='dot c3'></span>占比:"+zb+"<br><span class='dot c4'></span>环比:"+hb;
                    if(!hb){
                        str=name+"<br><span class='dot c1'></span>话务量:"+count+"<br><span class='dot c0'></span>次数:"+data+"<br><span class='dot c3'></span>占比:"+zb;
                    }
                    return str;
                }
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
//            visualMap: {
//                type: 'continuous',
//                dimension: 0,
//                text: ['高','低'],
//                inverse: false,
//                itemHeight: 200,
//                calculable: true,
//                min:0,
//                max:300,
////                top:"auto",                                   //组件离容器上侧的距离,'top', 'middle', 'bottom','20%'
////                right:"auto",                               //组件离容器右侧的距离,'20%'
//                bottom:"-5",
//                left: "center",
//                orient:"horizontal",
//                hoverLink:true,
//                inRange: {
//                    colorLightness: [0.8, 0.4]
//                },
//                outOfRange: {
//                    color: '#000'
//                },
//                controller: {
//                    inRange: {
//                        color: '#0c6bbf'
//                    }
//                }
//            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '8%',
                containLabel: true
            },
            xAxis :[
                {
                    type : 'value'
                }
            ] ,
            yAxis : [
                {
                    type : 'category',
                    data : [],
                    axisTick: {
                        alignWithLabel: true
                    }
                }
            ],
            legend:{
                data:[]
            },
            series : [
                {
                    name:'直接访问',
                    type:'bar',
                    barWidth: '60%',
                    itemStyle:{
                        normal: {
                        },
                        emphasis: {
                            barBorderWidth: 2,
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowOffsetY: 0,
                            shadowColor: 'rgba(0,0,0,0.5)'
                        }
                    },
                    label: {
                        show: true,
                        position: 'right',
                        offset:[5,0],
                        formatter: function (params) {
                            return params.value;
                        },
                        color: "#000"
                    }
                    ,
                    data:[]
                }
            ]
        },
        init: function () {
            bar.myChart = echarts.init(document.getElementById('barCharts'));
            bar.myChart.showLoading();
            bar.myChart.setOption(bar.option);
            bar.myChart.on('click', function (params) {
                tools.jump(params.name)
            })
        },
        renderOption:function(codeType){
            bar.option.yAxis[0].data=[];
            bar.option.series[0].data=[];
            var dataAll=getData.dataAll;
            var yAxisArr=[];
            var series=[];
            if(dataAll.length>0){
                dataAll.sort(bs.sortBy("wordNum"));
                for(var i=0;i<dataAll.length;i++){
                    var name=dataAll[i].wordName;
                    var callNum=dataAll[i].callNum;
                    var wordNum=dataAll[i].wordNum;
                    var callPerc=dataAll[i].callPerc;
                    var callHb=dataAll[i].callHb;
                    yAxisArr.push(name);
                    var obj={};
                    obj.name=name;
                    obj.value=wordNum;
                    obj.hb=callHb;
                    obj.zb=callPerc;
                    obj.count=callNum;
                    series.push(obj);
                }
//                bar.option.visualMap.show=true;
            }else{
//                bar.option.visualMap.show=false;
            }
            bar.option.yAxis[0].data=yAxisArr;
            bar.option.series[0].data=series;
            if(dataAll.length<10){
                bar.option.dataZoom=[{
                    show: false,
                    realtime: true
                }]
            }else {
                bar.renderdataZoom();
            }
            if(codeType==1){
                bar.option.toolbox.feature.saveAsImage.name="重点关键词排行";
            }else{
                bar.option.toolbox.feature.saveAsImage.name="新词排行";
            }

            bar.myChart.setOption(bar.option);
        },
        renderdataZoom:function(){
            bar.option.dataZoom=[ {
                type: 'slider',
                yAxisIndex: 0,
                filterMode: 'empty',
                minSpan:20
            }]
        }
    };
    var getData={
        dataAll:null,
        init:function(codeType){
            bar.myChart.showLoading();
            var proCode=$("#city").attr("code").split("/")[0];
            var city=$("#city").attr("code").split("/")[1];
            var pro=$("#city").val().split("/")[0];
            var cityName=$("a[data-code='"+city+"']").html();
            var params={
                callStartTime:$("#callStartTime").val(),//语音开始的日期
                callEndTime:$("#callEndTime").val(),//语音结束的日期
                province:pro,//省份
                provinceCode:proCode,//省份的编码
                customerLoc:city,//市
                cityName:cityName,//地市名称
                classification: $("#workNameNew").val(),//业务的分类id
                satisfaction:$("#agree").val(),//该通通话客户之满意度
                recallFlag:$("#repeatPhone").val(),//该通通话是否是重复来电
                knownWord:codeType,//该通通话是否是重复来电
                customerLevel: $("#customerLevel").val(),
                sysTagIds: $("#tagTrafficSearch1").val(),
                sysOperator: $("#tagTrafficSearch1").attr('data-relation'),
                telTagIds: $("#tagTrafficSearch0").val(),
                telOperator: $("#tagTrafficSearch0").attr('data-relation')
            };
            $.ajax({
                type: "POST",
                url: bs.getSysConfig("SJWJ_URL_PRE").value+'/dataMining/buzzwordsTotalAnalysis',
                dataType: "json",
                contentType: 'application/json',
                data:JSON.stringify(params),
                success: function (data) {
                    var code=data.rtnCode;
                    if (code ==0) {
                        var result=data.data;
                        var res=bs.objArrDeepCopy(result);
                        if(result.length>20){
                            res=res.splice(0,20);
                        }
                        getData.dataAll=res;
                        var oTable = new TableInit();
                        oTable.Init(result,codeType);
                        bar.myChart.hideLoading();
                        bar.renderOption(codeType);
                    }
                }
            });
        },
        isLoadData:function(codeType){
            if($("#callStartTime").val()!="" && $("#city").val()!=""){
                $("#barCharts").show();
                $(".table_box").show();
                $(".mapTitle").show();
                $("#initTip").hide();
                getData.init(codeType);//    获取数据
            }else{
                $("#barCharts").hide();
                $(".table_box").hide();
                $(".mapTitle").hide();
                $("#initTip").show();
            }
        },
    };
    $(function () {
        tools.init();
        bar.init();
        var oTable = new TableInit();
        oTable.Init([],0);
        resize.init();
        getData.isLoadData(1);
        var proCode=$("#city").attr("code").split("/")[0];
        menuWorkNew.init(proCode,$('#jstree'),'1');//    获取业务数据
        workNew.init(proCode,$('#jstree'));
        $("#workAreaId").val(proCode);
        tag.init($("#city"),'Search','0');
    })
</script>
</body>
</html>